<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>修改元素的内容</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <style>
      .bd {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <ul>
        <li class="li1"><a href="https://www.qq.com">腾讯</a></li>
        <li id="li2"><a href="https://www.sina.com.cn">新浪</a></li>
        <li class="list"><a href="https://www.sohu.com">搜狐</a></li>
        <li class="list"><a href="https://www.jd.com">京东</a></li>
        <li id="li3"><a href="https://www.baidu.com">百度</a></li>
      </ul>
      <div class="title">hello world</div>
      <div class="img-box">
        <img src="./img/lq1.jpg" alt="" width="100" />
      </div>
      <div>
        <input type="text" value="123456" class="password" />
      </div>
      <button class="btn1">点击修改title</button>
      <button class="btn2">点击修改图片</button>
      <button class="btn3">点击修改类名</button>
      <button class="btn4">点击修改input类型</button>
    </div>
    <script src="./js/demo2.js"></script>
  </body>
</html>
